<template>
    <div class="one">
        <span v-if="loading">loading</span>
        我是大哥 私房钱{{ sifangqian }}
        <button @click="tell">告诉我二弟</button>
        <button @click="addMoney(100)">搬砖</button>
        <button @click="addMoney(10000)">敲代码</button>
        <button @click="addMoney(999999999)">找富婆</button>
    </div>
</template>

<script>
export default {
    data() {
        return {
            loading: false
        }
    },
    computed: {
        sifangqian() {
            return this.$store.state.one.sifangqian
        }
    },
    methods: {
        tell() {
            // 兄弟传参 通过共同的父级
            // this.$parent.$on  监听事件
            // this.$parent.$emit  派发事件

            const str = "大哥喝多了 你快过来"
            this.$bus.$emit('tellToErDi', str)

        },
        async addMoney(money) {
            // 打开loading
            this.loading = true;
            this.$store.commit('one/setsifangqian', 10)
            await this.$store.dispatch('ADD_MONEY', money) // 如何才能知道这个异步何时结束
            // 关闭loading
            this.loading = false;
        },
    },

}
</script>

<style>
</style>